<template>
  <div>
      <h1>h2会显示吗？</h1>
      <h2 v-show="isShow">h2</h2>
      <h2 v-if="isIf">h2</h2>

      <p v-if="age>=18">已成年</p>
      <p v-else-if="age>=16">即将成年</p>
      <p v-else>未成年</p>
  </div>
</template>

<script>
export default {
    data(){
        return{
            isShow:true,
            isIf:false,
            age:17
        }
    }
}
</script>

<style>

</style>